@tailwind base;
@tailwind components;
@tailwind utilities; 
.whiteSm{
    @apply text-white text-sm;
}
.numberText{
    color: #66FFFF;
    font-size: 30px;
}
 @media screen and (max-width: 1280px) {
         .contentMain {
           padding-left: 20px;
           padding-right: 20px;
         }
         .bigScreenHeader {
           padding-left: 20px;
           padding-right: 20px;
         }
         .windowSituation span {
           width: 70px;
         }
         .windowSituation .w-[calc(100%-100px)] {
           width: calc(100% - 70px);
         }
         .pr-[90px] {
           padding-right: 40px;
         }
       }
       
       @media screen and (max-width: 1024px) {
         .pl-[46px] {
           padding-left: 20px;
         }
         .pl-[34px] {
           padding-left: 15px;
         }
         .grid-cols-3 {
           grid-template-columns: repeat(2, minmax(0, 1fr));
         }
         .numberText {
           font-size: 24px;
         }
         #total-number div {
           font-size: 32px;
         }
       }